<template>
  <a-card :bordered="false" :style="{ minHeight: `${layoutContentHeight - pageHeaderHeight - 24}px` }">
    <div style="text-align:center">
      <a-radio-group v-model="val" button-style="solid">
        <a-radio-button value="shift">
          {{ $t('platformManagement.app.shiftSetting') }}
        </a-radio-button>
        <a-radio-button value="temp">
          {{ $t('platformManagement.app.tempSetting') }}
        </a-radio-button>
      </a-radio-group>
    </div>
    <shift-temp-setting v-if="val === 'temp'"></shift-temp-setting>
    <shift-setting v-if="val === 'shift'"></shift-setting>
  </a-card>
</template>

<script>
import { layoutMixin } from '@/utils/mixin';
import ShiftSetting from './modules/ShiftSetting';
import ShiftTempSetting from './modules/ShiftTempSetting';
export default {
  name: 'ShiftConfig',
  mixins: [layoutMixin],
  components: {
    ShiftSetting,
    ShiftTempSetting
  },
  data() {
    return {
      val: 'shift'
    };
  }
};
</script>

<style scoped></style>
